﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layoutback.cshtml";
}

<script src="@Url.Content("~/Scripts/jQuery.tmpl.min.js")"></script>
<script src="@Url.Content("~/Scripts/Common/pageHandler.js")"></script>
<link href="@Url.Content("~/Content/PageHandler.css")" rel="stylesheet" />
<script id="artistTemplate" type="text/x-jquery-tmpl">
    <div style="clear:both; height:20px; width:1000px;">
        <div style="float:left; height:20px; width:300px;text-align:left;"><a href="ManageSinger/Details/${ID}">${ArtistName}</a></div>
        <div style="float:left; height:20px;width:250px;text-align:center;">${ImgUrl}</div>
        <div style="float:left; height:20px;width:100px;text-align:center;">${ArtistSex}</div>
        <div style="float:left; height:20px;width:100px;text-align:center;">${StartWith}</div>
        <div style="float:left; height:20px;width:100px;text-align:center;"><a href="ManageSinger/Delete/${ID}">删除</a></div>
    </div>
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#divManageSinger").addClass("currentMenu");
        $("#txtQText").each(function () {
            var target = $(this);
            target.autocomplete({ source: "/ManageSinger/QuickSearchArtist" });
        });
             
        var page = new pageHandler({ pageID: "divPage", url: "/ManageSinger/QueryAtists", tmplID: "artistTemplate", contentID: "divArtistList", queryID: "txtQText", isCss: true })
        page.pageInit();
        $("#btnSearch").click(function () {
            page.pageInit();
        })
    });
</script>
<fieldset>
    <legend>歌手列表</legend>
  

    <div style="clear:both; height:5px;"></div> 
      <div style="clear:both; width:1000px;">
        <div style="float:left; height:20px; width:300px;text-align:left;">歌手名字</div>
        <div style="float:left; height:20px;width:250px;text-align:center;">图片地址</div>
        <div style="float:left; height:20px;width:100px;text-align:center;">性别</div>
        <div style="float:left; height:20px;width:100px;text-align:center;">StartWith</div>
        <div style="float:left; height:20px;width:100px;text-align:center;">删除</div>
    </div>
   <div id="divArtistList"></div> 
    <div id="divPage">       
    </div>       
</fieldset>



